$(function () {
    initArtCateList()
    //获取文章的分类列表
    function initArtCateList() {
        $.ajax({
            type: 'GET',
            url: '/my/article/cates',
            success: (res) => {
                let htmlStr = template('tpl-table', res)
                $('tbody').html(htmlStr)
            }
        })
    }

    //为添加类别按钮绑定点击事件
    let indexAdd = null
    $('#btnAddCate').on('click', function () {
        indexAdd=layui.layer.open({
            type: 1,
            area: ['500px', '300px'],
            title:'添加文章分类',
            content:$('#dialog-add').html()
          });
    })

    //通过代理的形式,为 form-add 表单绑定 submit 事件
    $('body').on('submit','#form-add', function (e) {
      //阻止默认行为
        e.preventDefault()
        $.ajax({
            type: 'POST',
            url: '/my/article/addcates',
            data: $(this).serialize(),
            success: (res) => {
                if (res.status !== 0) {
                    return layer.msg('新增分类失败!')
                }
                initArtCateList()
                layer.msg('新增分类成功!')
                //根据索引,关闭对应的弹出层
                layer.close(indexAdd)
            }
        })
        
    })

    //通过代理的形式，为删除按钮绑定点击事件处理函数
    $('tbody').on('click','.btn-delete' ,function () {
      //获取到文章的id
      let id =$(this).attr('data-id')  
        //询问用户是否要删除数据
        layer.confirm('确认删除?', {icon: 3, title:'提示'}, function(index){
            $.ajax({
                type: 'GET',
                url: '/my/article/deletecate/' + id,
                success: (res) => {
                    if (res.status !== 0) {
                        return layer.msg('删除分类失败!')
                    }
                    layer.msg('删除分类成功!')
                    layer.close(index)
                    initArtCateList()
                }
            })
           
          });
    })

     //通过代理的形式，为编辑按钮绑定点击事件处理函数
     let indexEdit = null
    $('tbody').on('click', '.btn-edit', function () {
        
         // 弹出一个修改文章分类信息的层
        indexEdit=layui.layer.open({
            type: 1,
            area: ['500px', '300px'],
            title:'修改文章分类',
            content:$('#dialog-edit').html()
        });
        //获取自定义属性的值
        let id = $(this).attr('data-id')
        // console.log(id);
        // 发起请求获取对应分类的数据
        $.ajax({
            method: 'GET',
            url: '/my/article/cates/' + id,
            success: (res) => {
                //获取失败
                if (res.status !== 0) return layui.layer.msg(res.message)
                //将数据显示到弹出层 利用form.val方法
                layui.form.val('form-edit',res.data)
            }
        }) 
    })
    //通过代理的形式,为 form-edit 表单绑定 submit 事件
    $('body').on('submit', '#form-edit', function (e) {
        console.log(1);
        //阻止默认行为
        e.preventDefault();
        $.ajax({
            method: 'POST',
            url: '/my/article/updatecate',
            data: $(this).serialize(),
            success: res => {
                if (res.status !== 0) return layui.layer.msg(res.message)
                //关闭弹层
                layui.layer.msg('更新成功');
                layui.layer.close(indexEdit)
                initArtCateList()
            }
        })
    })
})

